import { StyleSheet } from 'react-native'

// 常用基础样式
export const base = StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: '#f2f2f2'
    },
    content_container: {
        width: '100%',
        paddingHorizontal: 10
    },
    flex_row_between: {
        flexDirection: 'row',
        justifyContent: 'space-between',
        alignItems: 'center'
    },
    flex_row_center: {
        flexDirection: 'row',
        justifyContent: 'center',
        alignItems: 'center'
    },
    flex_row_start: {
        flexDirection: 'row',
        justifyContent: 'flex-start',
        alignItems: 'center'
    },
    flex_row_end: {
        flexDirection: 'row',
        justifyContent: 'flex-end',
        alignItems: 'center'
    },
    flex_row_around: {
        flexDirection: 'row',
        justifyContent: 'space-around',
        alignItems: 'center'
    },
    flex_col_center: {
        flexDirection: 'column',
        justifyContent: 'center',
        alignItems: 'center'
    },
    flex_col_around: {
        flexDirection: 'column',
        justifyContent: 'space-around',
        alignItems: 'center'
    },
    flex_col_between: {
        flexDirection: 'column',
        justifyContent: 'space-between',
        alignItems: 'center'
    },
    flex_col_start: {
        flexDirection: 'column',
        justifyContent: 'flex-start',
        alignItems: 'center'
    },
    color_white: {
        color: '#fff'
    },
    color_orange: {
        color: '#ff7606'
    },
    color_gray: {
        color: '#808080'
    },
    bg_orange: {
        backgroundColor: '#ff7606'
    },
    bg_white: {
        backgroundColor: '#fff'
    },
    bg_gray: {
        backgroundColor: '#f2f2f2'
    },
    flex_1: {
        flex: 1
    }
})

export const pickerSelectStyles = StyleSheet.create({
    inputIOS: {
        display: 'flex',
        flexDirection: 'row',
        justifyContent: 'space-between',
        alignItems: 'center',
        height: 40,
        paddingHorizontal: 10,
        borderWidth: 0.5,
        borderColor: '#d2d2d2',
        borderRadius: 5,
        borderBottomLeftRadius: 0,
        borderTopLeftRadius: 0,
        backgroundColor: 'white',
        color: '#ff7606',
        marginVertical: 5
    },
    inputAndroid: {
        display: 'flex',
        flexDirection: 'row',
        justifyContent: 'space-between',
        alignItems: 'center',
        height: 40,
        paddingHorizontal: 10,
        borderWidth: 0.5,
        borderColor: '#d2d2d2',
        borderRadius: 5,
        borderBottomLeftRadius: 0,
        borderTopLeftRadius: 0,
        backgroundColor: 'white',
        color: '#ff7606',
        marginVertical: 5
    },
});
